<template>

    <div class="d-flex mt-2 justify-content-between align-items-center">
      <span>剩余{{ iNum }}个</span>

      <ul class="nav nav-pills">
        <li class="nav-item">
          <button
            @click="$emit('changeActive',item)"
            :key="item"
            v-for="item in btnText"
            :class="{ 'active': activeText === item }"
            style="display: inline"
            class="nav-link"
          >
            {{ item }}
          </button>
        </li>
      </ul>
      <button type="button" @click="$emit('del')" class="btn btn-danger">
        清除({{ dNum }})已完成
      </button>
    </div>
</template>

<script>

export default {
  props:["btnText","iNum","dNum","activeText"],
  data() {
    return {
    }
  },
  methods: {
   
  },

  computed: {
    
  },
};
</script>
<style>
</style>